<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>商品详情</title>
    <link rel="icon" href="//www.jd.com/favicon.ico" />
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
    <script src="js/baseUrl.js"></script>
    <link rel="stylesheet" href="./css/detail.css" />
    <link rel="stylesheet" href="./font/iconfont.css" />
  </head>
  <body>
    <div class="header">
      <div class="header-top-nav">
        <div class="header-top-nav-box clear">
          <ul class="location clear">
            <li>
              <a href="javascript:;">
               
              </a>
              <div class="locationList"></div>
            </li>
          </ul>
          <ul class="nav-list">
            <li class="login-reg">
              <p class="">
                <a href="login.html">你好，请登录</a>&nbsp;&nbsp;<a
                href="reg.html"
                >免费注册</a
              >
              </p>
              <p style="display: none">
                <a href="javascript:;" ><span class="loginInfo"></span><span class="tuichu">退出</span></a>
              </p>
              
            </li>
            <li class="spacer">|</li>
            <li><a href="javascript:;">我的订单</a></li>
            <li class="spacer">|</li>
            <li class="my_jd">
              <a href="javascript:;" class="icon-w"> 我的京东</a
              ><i class="iconfont icon-jiantou"></i>
              <div class="mu_jd_menu">
                <div class="mu_jd_menu1"></div>
                <div class="mu_jd_menu2"></div>
              </div>
            </li>
            <li class="spacer">|</li>
            <li><a href="javascript:;">京东会员</a></li>
            <li class="spacer">|</li>
            <li class="qiye">
              <a href="javascript:;" class="icon-w">企业采购</a
              ><i class="iconfont icon-jiantou"></i>
              <div class="qiye_menu">
                <div class="qiye_menu1 clear"></div>
              </div>
            </li>
            <li class="spacer">|</li>
            <li class="kehu">
              <a href="javascript:;" class="icon-w">客户服务</a
              ><i class="iconfont icon-jiantou"></i>
              <div class="kehu_menu">
                <div class="kehu_menu1"></div>
                <div class="kehu_menu2"></div>
              </div>
            </li>
            <li class="spacer">|</li>
            <li class="wangzhan">
              <a href="javascript:;" class="icon-w">网站导航</a
              ><i class="iconfont icon-jiantou"></i>
              <div class="wangzhan_menu">
                <div class="wangzhan_menu1"></div>
                <div class="wangzhan_menu2"></div>
                <div class="wangzhan_menu3"></div>
                <div class="wangzhan_menu4"></div>
              </div>
            </li>
            <li class="spacer">|</li>
            <li class="vip">
              <a href="javascript:;">京东会员</a>
              <div class="vipList">
                <div class="vipBox">
                  <div class="vipBox-item">
                    <div class="vipitem-left">
                      <img src="./image/dc4cf353fd96922e.png.webp" alt="" />
                    </div>
                    <div class="vipitem-right vipitem1">
                      <h5>手机京东</h5>
                      <p class="appright">新人专享大礼包</p>
                      <p class="appBox">
                        <a href="javascript:;" class="app app1"></a>
                        <a href="javascript:;" class="app app2"></a>
                        <a href="javascript:;" class="app app3"></a>
                      </p>
                    </div>
                  </div>
                  <div class="vipBox-item">
                    <div class="vipitem-left">
                      <img src="./image/7cbc252ed5993190.png.webp" alt="" />
                    </div>
                    <div class="vipitem-right vipitem2">
                      <h5>关注京东JD.COM</h5>
                      <p class="appright">抢5元红包</p>
                    </div>
                  </div>
                  <div class="vipBox-item">
                    <div class="vipitem-left">
                      <img src="./image/5cf21582b416c186.jpg.webp" alt="" />
                    </div>
                    <div class="vipitem-right vipitem3">
                      <h5><a href="javascript:;">京东金融客户端</a></h5>
                      <p class="appright">新人专享大礼包</p>
                      <p class="appBox">
                        <a href="javascript:;" class="app app1"></a>
                        <a href="javascript:;" class="app app2"></a>
                      </p>
                    </div>
                  </div>
                  <div class="vipBox-item">
                    <div class="vipitem-left">
                      <img src="./image/9c45c518ad785873.png.webp" alt="" />
                    </div>
                    <div class="vipitem-right vipitem4">
                      <h5>京东健康客户端</h5>
                      <p class="appBox">
                        <a href="javascript:;" class="app app1"></a>
                        <a href="javascript:;" class="app app2"></a>
                      </p>
                    </div>
                  </div>
                  <div class="vipBox-item">
                    <div class="vipitem-left">
                      <img src="./image/3e925badd90757a3.jpg.webp" alt="" />
                    </div>
                    <div class="vipitem-right vipitem4">
                      <h5>关注京东小程序</h5>
                      <p class="appright">新人0.1元购</p>
                    </div>
                  </div>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
      <div class="header-conter">
        <div class="header-conter-main">
          <div class="header-content-logo">
            <h1 class="logo_tit logo_tit_lk">
              <a href="index.html">京东</a>
            </h1>
            <div class="logo_right">
              <a href="index.html">
                <img src="./image/jdlogo.gif" alt="" />
              </a>
            </div>
          </div>
          <div class="header-search">
            <div class="search-box">
              <div class="search-logo">
                <a href="index.html"> </a>
              </div>
              <div class="search-form">
                <input type="search" placeholder="江南皮革厂" id="select"/>
                <a href="login.html"
                  ><i class="iconfont icon-zhaoxiangji2_1 search-icon"></i
                ></a>
                <button class="search-btn">
                  <i class="iconfont icon-sousuo"></i>
                </button>
                <ul class="searchlist"></ul>
              </div>
              <div class="search-shop">
                <i class="iconfont icon-gouwuchekong"></i>
                <a href="javascript:;">我的购物车</a>
                <i class="search-shop-num">0</i>
              </div>
            </div>
          </div>
          <div class="header-conter-nav">
            <a href="javascript:;" style="color: #f10214">5折天天抢</a>
            <a href="javascript:;">加多宝</a>
            <a href="javascript:;">自营电脑</a>
            <a href="javascript:;">食品饮料</a>
            <a href="javascript:;">生鲜5折</a>
            <a href="javascript:;">200减30</a>
            <a href="javascript:;">家电焕新</a>
            <a href="javascript:;">品质家具</a>
            <a href="javascript:;">潮流新款</a>
          </div>
          <div class="header-conter-nav2 clear">
            <a href="javascript:;" style="color: #f10214; font-weight: 600"
              >秒杀</a
            >
            <a href="javascript:;" style="color: #f10214; font-weight: 600"
              >优惠券</a
            >
            <a href="javascript:;">PLUS会员</a>
            <a href="javascript:;">拍卖</a>
            <a href="javascript:;">品牌闪购</a>
            <a href="javascript:;">京东家电</a>
            <a href="javascript:;">京东超市</a>
            <a href="javascript:;">京东生鲜</a>
            <a href="javascript:;">京东国际</a>
            <a href="javascript:;">京东云 <img src="image/a142ca108222dfd7.png"></img> </a>
          </div>
          <div class="header-conter-tuiguang">
            <a href="javascript:;"></a>
          </div>
        </div>
      </div>
    </div>
    <div class="main-box">
      <div class="main clear">
      <div class="main-box">
        <div class="main-box-left">
          <div class="main-box-left-top">
            <div class="mark"></div>
            <img class="min-img"src="./image/65b1c7eb688a666c.jpg!q70.jpg.webp" alt="">
          </div>
          <div class="lgMark">
            <img class="max-img" src="./image/65b1c7eb688a666c.jpg!q70.jpg.webp" alt="">
          </div>
          <ul class="imgList clear">
            
            <li><img src="./image/65b1c7eb688a666c.jpg!q70.jpg.webp" alt=""></li>
            <li><img src="./image/94611666e48d20c9.jpg.webp" alt=""></li>
            <li><img src="./image/feb1253f5557f926.jpg!q70.jpg.webp" alt=""></li>
          </ul>
        </div>
        <div class="main-box-right">
          <div class="main-box-right-top">
            <img src="./image/59b73dbaN9c878bcc.png" alt="">
            <span class="pdesc">香柚小镇 创意树叶沥水肥皂盒浴室免打孔吸盘香皂盒叶子肥皂架卫生间收纳置物架 绿色一个装</span>
          </div>
          <div class="main-box-right-con">
            <p>【618狂欢节】6.1-6.18爆品直降叠加京贴每满200减30，部分叠加99减20，低至9.9！京东家居，装饰你的魅力生活~~抓紧抢购吧！<a href="javascript:;">查看></a></p>
          </div>
          <div class="main-box-right-con2">
            <div>
              <i></i>
              <span>京东秒杀</span>
            </div>
            <div class="miaosha">
              距离结束
              <span>00</span>:<span>00</span>:<span>00</span>
            </div>
          </div>
          <div class="main-box-right-con3">
            <div class="main-box-right-con3-top">
              <div class="jdprice clear">
                <div>
                  京 东 价
                </div>
                <div><i>￥</i><span class="pprice">9999</span></div>
              </div>
            </div>
            <div class="main-box-right-con3-con clear">
                <div>
                  优 惠 券
                </div>
                <div><span>每满1000减60</span><span>每满200减30</span></div>
              </div>
            <div class="main-box-right-con3-fot clear">
              <div>
                促&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;销
              </div>
              <div class="clear">
                <div>
                  <i class="xiaogou">限购</i><span>购买1-200件时享受单件价￥12.80，超出数量以结算价为准，仅限购买一次</span>
                </div>
                <div>
                  <i class="huangou">换购</i><span>购买1件可优惠换购热销商品</span><a href="javascript:;">立即换购>></a>
                </div>
              </div>
            </div>
          </div>
          <div class="main-box-right-foot">
            <div class="addbtn">
              <input type="text" value="1" id="num">
              <a href="javascript:;" class="topbtn">+</a>
              <a href="javascript:;" class="botbtn">-</a>
            </div>
            <a href="javascript:;" data-id='' class="addShopCart">加入购物车</a>
          </div>
          </div>
        </div>
    </div>
    </div>
    
    <div class="main-con">
      <div class="main-con-top">
        <h4>为你推荐</h4>
      </div>
      <ul class="main-con-con clear">
        
      </ul>
    </div>
    <div class="footer">
      <div class="footer-bot">
        <p>
          <a href="javascript:;">关于我们</a><span>|</span
          ><a href="javascript:;">关于我们</a><span>|</span
          ><a href="javascript:;">关于我们</a><span>|</span
          ><a href="javascript:;">关于我们</a><span>|</span
          ><a href="javascript:;">关于我们</a><span>|</span
          ><a href="javascript:;">关于我们</a><span>|</span
          ><a href="javascript:;">关于我们</a><span>|</span
          ><a href="javascript:;">关于我们</a><span>|</span
          ><a href="javascript:;">关于我们</a><span>|</span
          ><a href="javascript:;">关于我们</a><span>|</span
          ><a href="javascript:;">关于我们</a><span>|</span
          ><a href="javascript:;">关于我们</a><span>|</span
          ><a href="javascript:;">关于我们</a><span>|</span
          ><a href="javascript:;">关于我们</a><span>|</span
          ><a href="javascript:;">关于我们</a>
        </p>
        <div class="footer-bot-con">
          <p>
            <a href="javascript:;">京公网安备 11000002000088号</a><span>|</span
              ><a href="javascript:;">京ICP备11041704号</a><span>|</span
              ><a href="javascript:;">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a><span>|</span
              ><a href="javascript:;">新出发京零 字第大120007号</a>
          </p>
          <p>
            <a href="javascript:;">互联网出版许可证编号新出网证(京)字150号</a><span>|</span
              ><a href="javascript:;">出版物经营许可证</a><span>|</span
              ><a href="javascript:;">网络文化经营许可证京网文[2020]6112-1201号</a><span>|</span
              ><a href="javascript:;">违法和不良信息举报电话：4006561155</a>
          </p>
          <p>
            <a href="javascript:;">Copyright © 2004 - 2021  京东JD.com 版权所有</a><span>|</span
              ><a href="javascript:;">消费者维权热线：4006067733</a><span>|</span
              ><a href="javascript:;">经营证照</a><span>|</span
              ><a href="javascript:;">(京)网械平台备字(2018)第00003号</a><span>|</span
              ><a href="javascript:;">营业执照</a>
          </p>
          <div class="footer-list">
            <p>
              <a href="javascript:;"><i></i>Global Site </a><span>|</span
                ><a href="javascript:;"><i></i>Сайт России</a><span>|</span
                ><a href="javascript:;"><i></i>Situs Indonesia</a><span>|</span
                ><a href="javascript:;"><i></i>Sitio de España</a><span>|</span
                ><a href="javascript:;"><i></i>เว็บไซต์ประเทศไทย</a>
            </p>
          </div>
          <p>
            <i>京东旗下网站：</i><a href="javascript:;">京东钱包</a><span>|</span><a href="javascript:;">京东云</a>
          </p>
        </div>
        <div class="footer-bot-fot">
          <a href="javascript:;"></a>
          <a href="javascript:;"></a>
          <a href="javascript:;"></a>
          <a href="javascript:;"></a>
          <a href="javascript:;"></a>
          <a href="javascript:;"></a>
        </div>
      </div> 
    </div>
    <script src="js/detail.js"></script>
  </body>
</html>
